$item-margin: 3px;

.image-mode {
    width: 100%;
    height: 100%;
    display: block;
    // padding: 1px;
}
.layout {
    // padding: 8px;
    margin: 6px 6px;
    // background: #fff;
}
.layout,
.view-height-75,
.view-height-150 {
    overflow: hidden;
}
.view-width-100{
    width: 100%;
}
.view-height-75 {
    height: calc(75px - $item-margin);
    width: 100%;
}
.view-height-150 {
    height: 150px;
    // flex: 1;
}

.view-height-85 {
    height: 85px;
    // flex: 1;
}
.two-flex-width{
    width: calc(50% - $item-margin);
}
.flex-varitical{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.flex-row{
    display: flex;
    justify-content: space-between;
}
.three-width{
    width: calc(100%/3 - 4 * $item-margin / 3)!important;
}
.vertical-margin-bottom{
    margin-bottom: calc($item-margin *2);
}
.five-width{
    width: calc(100%/5 - 8 * $item-margin / 5)!important;
}
.four-width{
    width: calc(100%/4 - 6 * $item-margin / 4)!important;
}
